// 功能：设置cookie
// 参数：键，值，有效时长（天数）
function setCookie(key, value, date) {
    let d = new Date();
    d.setDate(d.getDate() + date);

    document.cookie = `${key}=${value};expires=${d};path=/`;
}


// 功能：删除cookie
// 参数：删除的键名
function removeCookie(key) {
    setCookie(key, 'beybey', -1);
}

// 功能：获取指定键的cookie
// 参数：键名
function getCookie(key) {
    let cookieStr = document.cookie;
    let initArr = cookieStr.split('; ');
    for (let i in initArr) {
        if (initArr[i].startsWith(key + '=')) {
            return initArr[i].split('=')[1];
        }
    }
}

// 判断是否是第一次登陆
function isFirstLogin() {
    let cookie = getCookie('username');
    if (cookie) {
        $('.topyou1').css("display", "block").html(`
                    <a class="topyoutu" href="javascript:;">
                        <img src="../imges/indeximg/yx/Lillia.png" alt="javascript:;">
                    </a>
                    <b class="mingzi"><a href="">${cookie}</a></b>
                    <p class="topyouzi"><a href="./index.html" target="_blank">退出</a></p>
        `);
        $(".topyou").css("display", "none")
    }
}
isFirstLogin()
// 点击退出登录按钮退出登录并跳转
function logout() {
    $('.topyou1').on('click', '.topyouzi', function () {
        removeCookie('username');
        $(".topyou").css("display", "block")
        location.reload(true);
    });
}
logout()

// ----------------------------------------------------------------------------------

$("#selectAll").click(function () {

    let flag = $(this).prop('checked');
    $(".theRadio").prop("checked", $(this).prop('checked'));
    if (!flag) {
        $(".theRadio").removeClass('active')
    } else {
        $(".theRadio").addClass('active')
    }

})




$("#selectAll").click(function () {

    let flag = $(this).prop('checked');
    $(".theRadio").prop("checked", $(this).prop('checked'));
    if (!flag) {
        $(".theRadio").removeClass('active')
    } else {
        $(".theRadio").addClass('active')
    }

})

$(".ul2").on('click', '.theRadio', function () {
    $(this).toggleClass('active')
    // console.log($(".active").length);
    if ($(".theRadio").length == $(".active").length) {
        $("#selectAll").prop("checked", true)
    } else {
        $("#selectAll").prop("checked", false)
    }
    getCheck()
})



$(function () {
    applyColoursToADrawing()
})

////////////////////////////////////获取详情页发来的数据///////////////////////////////////////////
function applyColoursToADrawing() {
    $.get('../goodsAndShoppingCart/getShoppingCart.php', { 'vipName': getCookie('username') }, function (data) {
        let arr = JSON.parse(data);
        let str = ''
        arr.forEach((item, index) => {
            str += `
            <li goodsId=${item.goodsId}>
                <span class="li1">
                     <input class="theRadio" type="checkbox" name="" >
                </span>
                <span class="li2">
                        <img class="img" src="${item.beiyong1}" alt="">
                        <p>${item.goodsName}</p>
                </span>
                <span class="li3">${item.goodsPrice}￥</span>
                <span class="li4">
                    <button class="jian">-</button>
                    <input class="i1" type="text" value="${item.goodsCount}">
                    <button class="jia">+</button>
                </span>
                <span class="qian">${item.goodsPrice * item.goodsCount}元</span>
                <span id="shanchu">删除</span>
            </li>
        `
        })
        $(".ul2").html(str)
        getCount();
        getCheck()
        getSum()
    })
}





///////////商品个数
function getCount() {

    var count = 0;
    for (var i = 0; i < $(".i1").length; i++) {
        count += parseInt($(".i1").eq(i).val())
    }
    $(".jiesuan .shulang").html(count + "个")

}


///////////商品选择个数
function getCheck() {

    var check = 0;
    for (var i = 0; i < $(".theRadio").length; i++) {

        if ($(".theRadio").eq(i).prop("checked") == true) {
            check++;

        }

    }
    $(".jiesuan .zhongshu").html(check+"种")

}
function getCheck1() {

    var check = 0;
    for (var i = 0; i < $(".theRadio").length; i++) {

        if ($(".theRadio").eq(i).prop("checked") == true) {
            check++;

        }

    }
    $(".jiesuan .zhongshu").html(check+"种")

}





////////商品页的加减
$(".ul2").on("click", ".jia", function () {
    var num = $(this).prev().val();
    var index = $(this).index(".jia");
    console.log(index);
    num++;
    $(this).prev().val(num);
    into(index);
    applyColoursToADrawing();
    getCount()
    getSum()
})
$(".ul2").on("click", ".jian", function () {
    var num = $(this).next().val()
    var index = $(this).index(".jian");
    num--
    if (num <= 1) {
        num = 1
    }
    $(this).next().val(num)
    into(index)
    applyColoursToADrawing();
    getCount()
    getSum()
})

///////////////////总价
function getSum() {
    var sum = 0;
    for (var i = 0; i < $(".qian").length; i++) {
        sum += parseInt($(".qian").eq(i).html())
    }
    $(".jiesuan .zongjia").html(sum+"元")
}

//////////////////////////////////////////////////删除////////////////////////////////
$(".ul2").on("click","#shanchu", function () {
    console.log(1);
    toDeleteData()
    applyColoursToADrawing();
})




//////////////////////////////////将购物车数据存进数据库///////////////////////////////////////
function into(i) {
    $.get('../goodsAndShoppingCart/updateGoodsCount.php',
        {
            'vipName': getCookie('username'),
            'goodsId': $(".ul2 li").eq(i).attr('goodsId'),
            'goodsCount': $(".i1").eq(i).val()
        },
        function (res) {
            console.log(res);
        }
    )
}

/////////////////////////////////////将数据库中的数据删除////////////////////////////////////////////
function toDeleteData() {
    $.get(
        '../goodsAndShoppingCart/deleteGoods.php',
        {
            'vipName': getCookie('username'),
            'goodsId': $(".two1 .ul2>li").attr('goodsId')
           
        },
        function (dele) {
            console.log(dele);
        }
    )
}